<template>
  <div class="nav-button">
    <i class="iconfont" :class="[icon]"></i>
    <span>{{title}}</span>
  </div>
</template>

<script>
export default {
  props: {
    icon: {
      type: String,
      default: ''
    },
    title: {
      type: String,
      default: 'itcast'
    }
  }
}
</script>

<style>
.nav-button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 15px;
  background-color: #588FF8;
}
</style>